<%@ page language="java" pageEncoding="UTF-8"%>
<div class="container">
	<div class="row">
        <div class="col-sm-3 col-md-3">
            <div class="panel-group">
                <div class="panel panel-default" ng-repeat="menu in menus">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" href="javascript:void(0);">
                            	{{menu.text}} <span class="badge pull-right">{{menu.children.length}}</span></a>
                        </h4>
                    </div>
                    <div class="panel-collapse collapse in">
                    	<div class="panel-body">
                            <table class="table">
                                <tbody>
	                                <tr ng-repeat="children in menu.children">
	                                    <td>
	                                       <a style="color: black;cursor:pointer;" ng-click="showOne(children);">{{children.text}}</a>
	                                       <span class="pull-right" ng-show="children.id==select.id">
												<i class="glyphicon glyphicon-chevron-right"></i>
											</span>
										</td>
	                                </tr>
                            	</tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-sm-9 col-md-9">
        	<div src="select.path" ng-include></div>
        </div>
    </div>
</div>